<!DOCTYPE html>
<html lang="ko">

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

<head>
<meta charset="utf-8">
<title>5조</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<meta name="description" content="사이트소개를 중요도순으로 작성 ex) 여성의류 전문 - 정직으로 운영하는 여성의류 AAA쇼핑몰 - 다양한 사은품과 무료배송으로 쇼핑의 즐거움을 더해드립니다.">
<meta name="author" content="부산 아이티윌 N스크린 하이브리드앱 개발자 과정 곽태경,구민규,김욱현,오동욱,정요셉,최반야">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" type="text/css" href="../css/common.css">

<!--헤더-->
<style type="text/css">
#header{
position: relative;
width: 1423px;
height: 139x;
border-bottom: 1px solid #d6d6d6;}

.logo{}

#header #headerWrap {
background-color: #ff0;
display: block;
width: 1423px;
height: 98px;
border-bottom: 1px solid #d6d6d6;
}

.menuBoxRight {}

#header #headerWrap img{
display: block;
width: 980px;
margin: 0 auto;
}

</style>

<!--내비게이션위-->
<style type="text/css">

#menuBar {
overflow: hidden;
height: 135px;
background-color: #f00;
}

#topGnb{}

#topGnb .menu{}

#menuBar img {
display: block;
width: 980px;
margin: 0 auto;
}

</style>

<!--내비게이션아래-->
<style type="text/css">
#bottomGnb{}
#bottomGnb .menu{}
</style>

<!--사이드-->
<style type="text/css">

body{position: relative;}

#aside{
position: absolute;
left: 1225px; top: 259px;
width: 90px;
}

#aside a{
display: block;
margin-bottom: 10px;}

</style>

<!--본문-->
<style type="text/css">
#content {
height: 10000px;
}

#hotDeals{
position: relative;
width: 948px;
height: 326px;
margin: 25px auto 30px;
padding: 15px;
display: block;
background-color: #e5e5e5;
}

#categoryDeals {
background-color: #e5e5e5;
width: 980px;
height: initial;
margin: 0 auto 40px;
}

#dealList li {
display: block;
background-color: #ff0;
float: left;
width: 316px;
height: 461px;
margin-top: 15px;
margin-right: 16px;
}

#dealList li:nth-CHILD(3n) {
margin-right: 0px;
}
</style>

<!--푸터-->
<style type="text/css">
#footer {
width: 1423px;
height: 202px;
border-top: 1px solid #c8c8c8;
margin: 0 auto;
}

#footer img{
display: block;
width: 980px;
margin: 0 auto;
}

</style>
</head>
<body>
<!--[if lt IE 7]>
            <p clas="chromeframe">당신은 <strong>구형</strong> 브라우저로 접속하셨습니다.<a href="http://browsehappy.com/">브라우저를 업그레이드</a>를 하거나 HTML5를 지원하는 브라우저를 사용하세요.</p>
        <![endif]-->


<!-- 헤더 들어가는 곳 -->
<header id="header">
  <div id ="headerWrap">
<img alt="없어질 헤더자리 이미지" src="../images/header.png">  
<h1 class="logo">
<a href="#"><img></a>
</h1>
<div id="MenuBoxRight">
<!-- <ul> -->
<!-- <li><a href="#">로그인</a></li> -->
<!-- <li><a href="#">회원가입</a></li> -->
<!-- <li><a href="#">고객센터</a></li> -->
<!-- <li><a href="#">마이쿠팡</a></li> -->
<!-- <li><a href="#">장바구니</a></li> -->
<!-- </ul> -->
</div>
</div>
</header>

<!-- 메뉴바 들어가는 곳 -->
<div id ="menuBar">
	<nav id="topGnb">
<div class="menu Item1 active"></div>
<div class="menu Item2"></div>
<div class="menu Item3"></div>
<div class="menu Item4"></div>
<div class="menu Item5"></div>
<div class="menu Item6"></div>
<div class="menu Item7"></div>
	</nav>

	<nav id ="bottomGnb">
<div class="menu Item1 active"></div>
<div class="menu Item2"></div>
<div class="menu Item3"></div>
<div class="menu Item4"></div>
<div class="menu Item5"></div>
<div class="menu Item6"></div>
<div class="menu Item7"></div>
<div class="menu Item8"></div>
<div class="menu Item9"></div>
<div class="menu Item10"></div>
	</nav>
	
<img alt="없어질 메뉴바 이미지" src="../images/menuBar.png">	
</div>

<!-- 사이드 들어가는 곳 -->
<aside id="aside">
<a><img alt="1" src="http://placehold.it/90x160" /></a>
<a><img alt="2" src="http://placehold.it/90x160" /></a>
<a><img alt="3" src="http://placehold.it/90x160" /></a>
<a><img alt="4" src="http://placehold.it/90x160" /></a>
<a><img alt="5" src="http://placehold.it/90x160" /></a>
</aside>

<div id="article" class="clearfix">
  <article>

  </article>
</div>

<!-- 본문 들어가는 곳 -->
<div id="content">
	<div id="hotDeals">
	hotDeals
	</div>
	
	<div id="categoryDeals">
	categoryDeals
		<div id="dealList">
		<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
		<li>6</li>
		<li>7</li>
		</ul>
		</div>
	</div>
</div>

<!-- 푸터 들어가는 곳 -->
<footer id="footer">
<img alt="푸터이미지" src="../images/footer_img.png">
</footer>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<!-- <script src="js/plugins.js"></script> -->
</body>
</html>